import React from "react";
import styled from "styled-components";

const StyledMovieList = styled.section`
  font-size: 1.2rem;
  padding-bottom: 0.5rem;
  &:not(last-child) {
    border-bottom: 1px solid #f3f3f3;
  }
`;

const ListTitleBar = styled.div`
  display: flex;
  padding: 0.5rem 16px;
  span {
  }
  a {
    margin-left: auto;
    color: #2aac5e;
    cursor: pointer;
  }
`;

class MovieList extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <StyledMovieList>
        <ListTitleBar>
          <span>正在热映</span>
          <a>更多</a>
        </ListTitleBar>
      </StyledMovieList>
    );
  }
}

export default MovieList;
